<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>献给阿日古娜</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="阿日古娜" />
    <meta name="author" content="邰志敏" />
	<meta content="邰志敏,阿日古娜" name="keywords">
    <!-- styles -->
    <link rel="stylesheet" href="assets/css/fancybox/jquery.fancybox.css">
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <link href="assets/css/bootstrap-theme.css" rel="stylesheet" />
    <link rel="stylesheet" href="assets/css/slippry.css">
    <link href="assets/css/style.css" rel="stylesheet" />
    <link rel="stylesheet" href="assets/color/default.css">
	  <link rel="stylesheet" href="assets/swiper/dist/css/swiper.min.css">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <![endif]-->
    <script src="assets/js/modernizr.custom.js"></script>
</head>
<body>
<header>

    <div id="navigation" class="navbar navbar-inverse navbar-fixed-top default" role="navigation">
        <div class="container">

            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">献给阿日古娜</a>
            </div>

            <div class="navigation">
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><nav>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="current"><a href="#">首页</a></li>
                        <li><a onclick="location.href='https://xunzhishimin.site/dear/'" href="https://xunzhishimin.site/dear/">表白</a></li>
                        <li><a onclick="location.href='https://xunzhishimin.site/ariguna/'"  href="https://xunzhishimin.site/ariguna/">滑雪</a></li>
                        <li><a  onclick="location.href='https://xunzhishimin.site/confession/'" href="https://xunzhishimin.site/confession">暖暖</a></li>
                        <li><a  onclick="location.href='https://xunzhishimin.site/pic1/'" href="https://xunzhishimin.site/pic1">立体相册</a></li>
						<li><a  onclick="location.href='https://xunzhishimin.site/yaoqishan/'" href="https://xunzhishimin.site/yaoqishan">视频</a></li>
                    </ul></nav>
                </div><!-- /.navbar-collapse -->
            </div>

        </div>
    </div>

</header>
<!-- section intro -->
<section id="intro">
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="assets/img/slide/smile.jpg" alt=""></div>
      <div class="swiper-slide"><img src="assets/img/slide/combo.jpg" alt=""></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
</section>
<!-- end intro -->
<!-- Section about -->
<section id="about" class="section">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="heading">
                    <h3><span>About</span></h3>
                </div>
                <div class="sub-heading">
                    <p>
                        这是邰志敏送给阿日古娜的礼物
                    </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                <div class="team-box">
                    <img src="assets/img/portfolio/hezhao1.jpg" alt="" class="img-responsive" />
                    <div class="roles">
                        <h5><strong>邰志敏 and 阿日古娜</strong></h5>
                        <p>
                            合照
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="team-box">
                    <img src="assets/img/portfolio/danzhao1.jpg" alt="" class="img-responsive" />
                    <div class="roles">
                        <h5><strong>阿日古娜</strong></h5>
                        <p>
                            阿日古娜男朋友
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="team-box">
                    <img src="assets/img/portfolio/danzhao2.jpg" alt="" class="img-responsive" />
                    <div class="roles">
                        <h5><strong>阿日古娜</strong></h5>
                        <p>
                            邰志敏女朋友
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="team-box">
                    <img src="assets/img/portfolio/hezhao2.jpg" alt="" class="img-responsive" />
                    <div class="roles">
                        <h5><strong>阿日古娜 & 邰志敏</strong></h5>
                        <p>
                            邰志敏女朋友
                        </p>
                    </div>
                </div>
            </div>
        </div>
		        <div class="row">
            <div class="col-md-3">
                <div class="team-box">
                    <img src="assets/img/dummies/team1.jpg" alt="" class="img-responsive" />
                    <div class="roles">
                        <h5><strong>邰志敏 and 阿日古娜</strong></h5>
                        <p>
                            合照
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="team-box">
                    <img src="assets/img/dummies/team2.jpg" alt="" class="img-responsive" />
                    <div class="roles">
                        <h5><strong>邰志敏</strong></h5>
                        <p>
                            阿日古娜男朋友
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="team-box">
                    <img src="assets/img/dummies/team3.jpg" alt="" class="img-responsive" />
                    <div class="roles">
                        <h5><strong>阿日古娜</strong></h5>
                        <p>
                            邰志敏女朋友
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="team-box">
                    <img src="assets/img/dummies/team4.jpg" alt="" class="img-responsive" />
                    <div class="roles">
                        <h5><strong>阿日古娜</strong></h5>
                        <p>
                            邰志敏女朋友
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end section about -->
<!-- section works -->
<section id="works" class="section gray">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="heading">
                    <h3><span>照片</span></h3>
                </div>
                <div class="sub-heading">
                    <p>
                        邰志敏和阿日古娜的照片
                    </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <ul class="grid effect" id="grid">
                    <li>
                        <a class="fancybox" data-fancybox-group="gallery" title="" href="assets/img/portfolio/1.jpg">
                            <img src="assets/img/portfolio/1.jpg" alt="" />
                        </a>
                    </li>
					<li><a href="assets/img/portfolio/14.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/danzhao1.jpg" alt="" /></a></li>
					<li><a href="assets/img/portfolio/14.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/danzhao2.jpg" alt="" /></a></li>
					<li><a href="assets/img/portfolio/14.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/hezhao1.jpg" alt="" /></a></li>
					<li><a href="assets/img/portfolio/14.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/hezhao2.jpg" alt="" /></a></li>
					<li><a href="assets/img/portfolio/14.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/jump.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/2.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/2.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/3.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/3.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/4.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/4.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/5.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/5.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/6.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/6.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/7.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/7.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/8.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/8.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/9.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/9.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/10.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/10.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/11.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/11.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/12.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/12.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/13.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/13.jpg" alt="" /></a></li>
                    <li><a href="assets/img/portfolio/14.jpg" class="fancybox" data-fancybox-group="gallery" title=""><img src="assets/img/portfolio/14.jpg" alt="" /></a></li>
                </ul>
            </div>
        </div>
    </div>
</section>
<section id="works" class="section gray">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
				<div id="video"></div>
            </div>
					<div id="video" style="width: 100%; height: 400px;max-width: 300px;">
		</div>
		<script type="text/javascript" src="assets/ckplayer/ckplayer.js" charset="UTF-8"></script>
		<script type="text/javascript">
			var videoObject = {
				container: '#video', //容器的ID或className
				variable: 'player', //播放函数名称
				loop: true, //播放结束是否循环播放
				autoplay: true,//是否自动播放
				poster: 'assets/img/slide/smile.jpg', //封面图片
				preview: { //预览图片
					file: ['assets/img/slide/smile.jpg', 'assets/img/slide/combo.jpg'],
					scale: 2
				},
				//flashplayer:true,
				live:true,
				//debug:true,
				video:[
			        ['assets/cut.mp4', 'video/mp4', '', 0]
			    ]
			};
			var player = new ckplayer(videoObject);
		</script>
        </div>
    </div>
</section>
<!-- section works -->
<!-- end section contact -->
<footer>
    <div class="verybottom">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="aligncenter">
<!--                        <ul class="social-network social-circle">
                            &lt;!&ndash;分享到朋友圈&ndash;&gt;
                            <li><a href="javascript:void(0);" onclick="weixinShareTimeline()" class="" title="微信"><img class="" src="//static.bshare.cn/frame/images//logos/mp2/weixin.gif"></a></li>
                            &lt;!&ndash;发送给好友&ndash;&gt;
                            <li><a href="javascript:void(0);" onclick="weixinSendAppMessage()" class="" title="微信"><img class="" src="//static.bshare.cn/frame/images//logos/mp2/weixin.gif"></a></li>
                        </ul>-->
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="aligncenter">
                        <p>©
                            &copy;2018 版权所有 蒙ICP备17005399号. | Designed by: 邰志敏.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<embed  autostart="true" loop="true" hidden="true" src="assets/music/nuannuan.mp3"></embed>
</footer>
<a href="#" class="scrollup"><i class="fa fa-angle-up fa-2x"></i></a>
<!-- javascript -->
<script src="assets/js/jquery-1.9.1.min.js"></script>
<script src="assets/js/jquery.easing.js"></script>
<script src="assets/js/classie.js"></script>
<script src="assets/js/bootstrap.js"></script>
<script src="assets/js/slippry.min.js"></script>
<script src="assets/js/nagging-menu.js"></script>
<script src="assets/js/jquery.nav.js"></script>
<script src="assets/js/jquery.scrollTo.js"></script>
<script src="assets/js/jquery.fancybox.pack.js"></script>
<script src="assets/js/jquery.fancybox-media.js"></script>
<script src="assets/js/masonry.pkgd.min.js"></script>
<script src="assets/js/imagesloaded.js"></script>
<script src="assets/js/jquery.nicescroll.min.js"></script>
<script src="assets/js/validate.js"></script>
<script src="assets/js/AnimOnScroll.js"></script>
<script src="assets/js/jweixin-1.4.0.js"></script>
<script>
    new AnimOnScroll( document.getElementById( 'grid' ), {
        minDuration : 0.4,
        maxDuration : 0.7,
        viewportFactor : 0.2
    } );
</script>
<script>
    $(document).ready(function(){
        $('#slippry-slider').slippry(
            defaults = {
                transition: 'vertical',
                useCSS: true,
                speed: 5000,
                pause: 3000,
                initSingle: false,
                auto: true,
                preload: 'visible',
                pager: false,
            }

        )
    });
</script>
<script src="assets/js/custom.js"></script>
  <!-- Swiper JS -->
  <script src="assets/swiper/dist/js/swiper.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  </script>
<!--<script>
    wx.config({
        appId: data.appId,
        timestamp: data.timestamp,
        nonceStr: data.nonceStr,
        signature: data.signature,
        jsApiList: [
            "onMenuShareTimeline", //分享给好友
            "onMenuShareAppMessage", //分享到朋友圈
            "onMenuShareQQ", //分享到QQ
            "onMenuShareWeibo" //分享到微博
        ]
    });
    //分享到朋友圈
    function weixinShareTimeline(title,desc,link,imgUrl){
        WeixinJSBridge.invoke('shareTimeline',{
            "img_url":imgUrl,
            //"img_width":"640",
            //"img_height":"640",
            "link":link,
            "desc": desc,
            "title":title
        });
    }
   // 发送给好友
    function weixinSendAppMessage(title,desc,link,imgUrl){
        WeixinJSBridge.invoke('sendAppMessage',{
            //"appid":appId,
            "img_url":imgUrl,
            //"img_width":"640",
            //"img_height":"640",
            "link":link,
            "desc":desc,
            "title":title
        });
    }
</script>-->
</body>
</html>
